<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登录页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/login.css" />
	</head>
	<body>
		<!-- 左边-------------- -->
		<div id="left"></div>
		<!-- 右边------------ -->
		<div id="right">
			<!-- 登录框 -->
			<div id="login">
				<!-- logo -->
				<div id="logo"></div>
				<!-- tab区 -->
				<div id="tab">
					<a class="active" href="javascript:void 0">账号登录</a>
					<i></i>
					<a href="javascript:void 0">扫码登录</a>
				</div>
				<!-- 输入框 -->
				<form id="sous" action="index.html" method="post" class="rel">
						<i class="text abs"></i>
						<input type="text" placeholder="用户名/手机号/邮箱" />
						<p class="rel">
							<i class="pass abs"></i>
							<input type="password" placeholder="密码" />
						</p>
						<p class="forget"><a href="#">忘记密码</a></p>
						<button>登录</button>
						<p class="zhuce">还没有源码账号, <a href="../html/register.html">立即注册 &gt;</a></p>
				</form>
				
				<!-- 扫码登录 -->
				<form id="QRform" action="index.html" method="post">
					<div class="zx">
						<img src="../imgs/103-demo.png" alt="图片已损坏" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号,请先关注后再登录</p>
					</div>
					<p class="zhuce">还没有源码账号, <a href="../html/register.html">立即注册 &gt;</a></p>
				</form>
			</div>
		</div>
    </footer>
    <!-- 引入util的js -->
    <script src="../js/util.js"></script>
    <!-- 引入当前样式的js -->
    <script src="../js/login.js"></script>
	</body>
</html>
